
(function(){
    $.fn.extend({
        lazyload() {

            // this jq对象 就是你获取的所有图片

            // 1 给网页绑定滚动条滚动事件  jq语法
            // 2 事件处理函数中
            //   2.1  获取可视区域总高度 = 网页可视窗口高度 + 滚动条滚动高度
            let h1 = window.innerHeight || document.documentElement.clientHeight
            let h2 = document.documentElement.scrollTop || document.body.scrollTop
            let SH = h1 + h2 
            //   2.2  遍历 this.each((index,item)=>{})  item就是一个个JS图片标签对象
            //   2.3  获取图片的offsetTop  $(item).方法名给忘了自己百度
            this.each((index, item) => {
            //   2.4  判断   2.2 <= 2.3 
                        //   成立    将src改为data-img地址
            //   不成立  不管
            let top = $(item).offset().top;
                if(top<=SH ){
                    $(item).prop("src",$(item).attr("data-original"));
                }
            })
        }
    })     
})()






